/*!
 * # Semantic UI 2.2.1 - List
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.globalCategory {
    height: 37px;
    padding: 0px 20px;
    line-height: 37px;
    font-size: 12px;
    position: relative;
    display: inline-block;
    border: 1px solid #ddd;
}

.globalCategory .allCats {
    border: 1px solid #ddd;
    position: absolute!important;
    background: #fff;
    opacity: 0;
    max-height: 480px;
    overflow-y: auto;
    left: -1px;
    top: 36px;
    z-index: 100;
    padding: 10px;
    text-align: left;
    width: 0px;
}

.globalCategory .allCats.hover {
    opacity: 1;
    width: 260px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s;
    /* Opera */
}

.globalCategory .allCats a {
    color: rgba(0, 0, 0, 0.87);
}

.globalCategory .allCats .nav-pills>li.active>a,
.globalCategory .allCats .nav-pills>li.active>a:hover,
.globalCategory .allCats .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #428bca;
}

.globalCategory .allCats .nav-pills>li>a {
    border-radius: 4px;
}

.globalCategory .allCats .nav>li>a {
    position: relative;
    display: block;
}

.abn-tree-animate-enter,
li.abn-tree-row.ng-enter {
    transition: 200ms linear all;
    position: relative;
    display: block;
    opacity: 0;
    max-height: 0px;
}

.abn-tree-animate-enter.abn-tree-animate-enter-active,
li.abn-tree-row.ng-enter-active {
    opacity: 1;
    max-height: 30px;
}

.abn-tree-animate-leave,
li.abn-tree-row.ng-leave {
    transition: 200ms linear all;
    position: relative;
    display: block;
    height: 30px;
    max-height: 30px;
    opacity: 1;
}

.abn-tree-animate-leave.abn-tree-animate-leave-active,
li.abn-tree-row.ng-leave-active {
    height: 0px;
    max-height: 0px;
    opacity: 0;
}


/* 
------------------------------------------
Angular 1.2.0 Animation 
*/

.abn-tree-animate.ng-enter {}

.abn-tree-animate.ng-enter {}


/*
   end animation stuff
-----------------------------------------
   begin normal css stuff
*/

ul.abn-tree li.abn-tree-row {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    line-height: 20px;
}

ul.abn-tree li.abn-tree-row a {
    padding-left: 3px;
    color: rgba(0, 0, 0, 0.87);
}

ul.abn-tree i.indented {
    padding: 2px;
}

.abn-tree {
    cursor: pointer;
}

ul.nav.abn-tree .level-1 .indented {
    position: relative;
    left: 0px;
}

ul.nav.abn-tree .level-2 .indented {
    position: relative;
    left: 20px;
}

ul.nav.abn-tree .level-3 .indented {
    position: relative;
    left: 40px;
}

ul.nav.abn-tree .level-4 .indented {
    position: relative;
    left: 60px;
}

ul.nav.abn-tree .level-5 .indented {
    position: relative;
    left: 80px;
}

ul.nav.abn-tree .level-6 .indented {
    position: relative;
    left: 100px;
}

ul.nav.nav-list.abn-tree .level-7 .indented {
    position: relative;
    left: 120px;
}

ul.nav.nav-list.abn-tree .level-8 .indented {
    position: relative;
    left: 140px;
}

ul.nav.nav-list.abn-tree .level-9 .indented {
    position: relative;
    left: 160px;
}
